<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>充电桩-实时状态</title>
    <link href="static/css/statistics.css" rel="stylesheet"/>
    <link href="static/css/operateBox.css" rel="stylesheet"/>
    <link href="static/css/bootstrap/bootstrap.min.css" rel="stylesheet"/>
    <link href="static/css/other/font-awesome.min.css" rel="stylesheet"/>
    <link href="static/css/other/style.min.css" rel="stylesheet"/>
    <link href="static/css/bootstrap/bootstrap-table.min.css" rel="stylesheet"/>
    <link href="static/css/bootstrap/bootstrap-select.min.css" rel="stylesheet"/>
</head>
<body class="kjtc-body">
<!-- 统计数据 -->
<div class="stats-head">
    <div class="stats-content">
        <span class="stats-title">统计：</span>
        <i class="fa fa-circle color-stats-green icon-circle"></i>通讯正常 <span class="stats-value" id="status0">0</span>
        <i class="fa fa-circle color-stats-gray icon-circle"></i>通讯断开 <span class="stats-value" id="status1">0</span>
        <i class="fa fa-circle color-stats-green icon-circle"></i>充电中 <span class="stats-value" id="status2">0</span>
        <i class="fa fa-circle color-stats-orange icon-circle"></i>空闲 <span class="stats-value" id="status3">0</span>
        <i class="fa fa-circle color-stats-red icon-circle"></i>故障 <span class="stats-value" id="status4">0</span>
    </div>
</div>
<!-- 数据表 -->
<div class="operateBox-wrapper">
    <!-- 标题 -->
    <div class="operateBox-title">实时状态</div>
    <!-- 查询栏 -->
    <div class="operateBox-query">
        <div class="query-row">
            <input class="query-input" type="search" placeholder="充电站">
            <select class="query-select">
                <option value="-1">通讯状态</option>
                <option value="0">1</option>
                <option value="1">2</option>
            </select>
            <select class="query-select">
                <option value="-1">工作状态</option>
                <option value="0">3</option>
                <option value="1">4</option>
            </select>
            <button class="query-button button-green" onclick="search()">查询</button>
            <button class="query-button button-white" onclick="reset()">重置</button>
        </div>
    </div>
    <!-- 数据表 -->
    <div class="operateBox-table">
        <table id="equipmentStatusTable"></table>
    </div>
</div>
<script src="static/js/jquery/jquery.min.js"></script>
<script src="static/js/bootstrap/bootstrap.min.js"></script>
<script src="static/js/bootstrap/bootstrap-table.js"></script>
<script src="static/js/bootstrap/bootstrap-table-zh-CN.min.js"></script>
<script src="static/js/bootstrap/bootstrap-select.min.js"></script>
<script src="static/js/other/common.js"></script>
<script src="static/js/equipment/equipmentStatus.js"></script>
</body>
</html>